<template>
    <div class="card content-box" :style="{ minHeight: clientHeight + 'px' }">
        <span class="text">呵呵呵呵呵呵呵呵</span>
        <el-button type="primary" v-throttle="throttleClick">节流按钮 (每隔2S秒后执行)</el-button>
    </div>
</template>

<script setup lang="ts">
import { reactive, ref } from "vue";
import { ElMessage } from "element-plus";
const clientHeight = document.body.clientHeight - 106

const throttleClick = () => {
    ElMessage.success("呵呵呵呵呵呵呵呵");
};
</script>

<style scoped lang="scss">
.content-box{
    width: 100%;
}
::v-deep.el-input-group--append>.el-input__wrapper{
    height: 38px;
    margin-top: 1px;
}
::v-deep .el-input-group__append {
    box-shadow: 0 1px 0 0 #dcdfe6 inset,0 -1px 0 0 #dcdfe6 inset,-1px 0 0 0 #dcdfe6 inset;
}
</style>
